<body style="background-color: #393D49">
    <div class="x-box">
        <div class="x-top">
            <i class="layui-icon x-login-close">
                &#x1007;
            </i>
            <ul class="x-login-right">
                <li style="background-color: #F1C85F;" color="#F1C85F">
                </li>
                <li style="background-color: #EA569A;" color="#EA569A">
                </li>
                <li style="background-color: #393D49;" color="#393D49">
                </li>
            </ul>
        </div>
        <div class="x-mid">
            <div class="x-avtar">
                <img src="__PUBLIC__/images/admin_logo.png" alt="">
            </div>
            <div class="input">
                <form class="layui-form">
                    <div class="layui-form-item x-login-box">
                        <label for="username" class="layui-form-label">
                            <i class="layui-icon">&#xe612;</i>
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="username" name="username" required="" lay-verify="username"
                            autocomplete="off" placeholder="username" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item x-login-box">
                        <label for="pass" class="layui-form-label">
                            <i class="layui-icon">&#xe628;</i>
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="pass" name="pass" required="" lay-verify="pass"
                            autocomplete="off" placeholder="******" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item" id="loginbtn">
                        <button  class="layui-btn" lay-filter="save" lay-submit="">
                            登 录
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <p style="color:#fff;text-align: center;">Copyright © 2017.Company name All rights X-admin </p>
    </script>
    <script>
        layui.use(['form'],
        function() {
            $ = layui.jquery;
            var form = layui.form(),
            layer = layui.layer;

            $('.x-login-right li').click(function(event) {
                color = $(this).attr('color');
                $('body').css('background-color', color);
            });

            //监听提交
            form.on('submit(save)',
            function(data) {
                $.ajax({
                    url: "{:U('admin/login/login')}",
                    type: 'POST',
                    dataType: 'json',
                    data: data.field,
                })
                .done(function(response) {
                    if (response.info) {
                    layer.msg(response.info, {icon: 6},function () {
                        location.href = "{:U('admin/index/index')}";
                    });
                    } else if(response.error){
                        layer.msg(response.error, {icon: 5});
                    }
                })
                .fail(function() {
                    console.log("error");
                });
                return false;
            });

        });

    </script>
</body>